Weathered Coast color palette — #EFF6FF · #4F9AFF · #A74700 · #006134 · #12263E
A conversation between Cornflower and Burnt Sienna, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Cornflower (#4F9AFF): A luminous, vivid blue — the color of a favorite pair of jeans.
- Burnt Sienna (#A74700): A full-bodied, balanced orange — the color of toasted spice.
- Pine (#006134): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#12263E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Weathered Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Frosted Iris Thicket color palette (#F0F5FF, #7183EE, #8E5A00, #005C51, #121B2D)
- Frosted Harbor color palette (#ECF7FF, #27A1E0, #BD090B, #3E6600, #00293F)
- Iris Delta color palette (#F1F5FF, #8F8AFF, #AF6100, #00654E, #003A2D)
- Tempered Lantern color palette (#EDF7FF, #0090D8, #C7008E, #645000, #002730)
- Hushed Periwinkle Veranda color palette (#EFF6FF, #7298F1, #8B7F00, #006479, #1C2A3A)
- Antique Raspberry Market color palette (#D7FFF6, #949DFF, #C733AE, #006D44, #2F3253)
- Sapphire Hollow color palette (#FFF0FD, #005EE0, #900F72, #00453D, #002B1D)
- Peony Harbor color palette (#FBF1FF, #E93F82, #A05F00, #00695E, #2C1C3C)
Browse the whole catalog at Explore, or see today's palette.