Twilight Coast Palette
Part of the theYvonne Palette Library. See all palettes: Genderly Inclusive | Genderly | IronOcean | Twilight Coast | Red Dock | Crimson Brick
Palette Details
| Background | #FFFFFF | White |
| Title | #0F084B | Midnight Blue |
| Line | #BFA89E | Silver Pink |
| Footer | #BFA89E | Silver Pink |
| Graph | #41B7C4 | Maximum Green Blue |
| Caption | #584B53 | Dark Liver |
Reading time: 37 secs
Usage
Maximum Green Blue (#41B7C4) is used in single color viz, with supporting colors selected to make the blue pop pop.
Useful for beach, shore, or ocean viz
Description
Maximum Green Blue (#41B7C4) is my default or starting color. This color palette is designed for a single color chart/graph with the supporting colors used to make the graph pop. This palette was created for a viz about plastic waste ending in the ocean; for that reason, Silver Pink (#BFA89E) is used to mimic sand. This palette would be suitable for ocean, sea, beach, and water viz.
Tableau Palette Code
Add the code snippet to your Preferences.tps, a xml file found in My Tableau Repository folder in your Documents directory. I typically Place above the </preferences> tag at the end. You can use a text or xml editor.
The story behind Twilight Coast:
Twilight Coast was created for a visualization about plastic waste ending up in the ocean. The goal was a palette that felt like the environment being discussed: water, coastline, and the tension between the beauty of the ocean and the damage being done to it.
Unlike multi-color palettes designed for categorical data, Twilight Coast is built for single-color charts where one primary color carries the data and supporting colors handle everything else. Maximum Green Blue (#41B7C4) is the primary data color. Silver Pink (#BFA89E) was chosen to evoke sand, grounding the palette in the beach and shore context. Midnight Blue (#0F084B) and Dark Liver (#584B53) provide depth for backgrounds and titles without competing with the data.
What each color does:
Maximum Green Blue (#41B7C4): primary data color, the visual anchor of the palette Silver Pink (#BFA89E): supporting tone, evokes sand and coastline Midnight Blue (#0F084B): dark background or title option Dark Liver (#584B53): alternative dark tone for text and borders White (#FFFFFF): background
Hex codes (copyable):
#41B7C4 Maximum Green Blue #BFA89E Silver Pink #0F084B Midnight Blue #584B53 Dark Liver #FFFFFF White
When to use Twilight Coast:
Best suited for ocean, sea, beach, shore, water, and environmental vizzes that use a single primary data color. Also works for any viz where you want a calming, natural feel without the starkness of pure blue/white combinations.
Tableau Code Snippet
<color-palette name="theYvonne Twilight Coast" type="regular" >
<color>#0F084B</color>
<color>#FFFFFF</color>
<color>#584B53</color>
<color>#41B7C4</color>
<color>#BFA89E</color>
</color-palette>
Preferences.tps Example File
Reference
Color Palette Information
To see all palettes I have designed for specific data analysis situations, review the Color Palette Portfolio Page. For more color palette tools and resources for data visualization, visit the Color Palette section of the Resources page — including tools specifically designed for accessible and inclusive design.
Example Viz
What do you think? Let me know - Contact Me
Related Post You Might Enjoy
