Worn Coast color palette — #FFF2EE · #B0CFAB · #00869F · #395E33 · #1D3D58
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Pistachio (#B0CFAB): A whisper-light, dusty green — the color of new leaves after rain.
- Cerulean (#00869F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#395E33): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#1D3D58): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Worn 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
- Cerulean Archive color palette (#FDF3EE, #95D1D9, #3C80A7, #236043, #4B2F48)
- Muted Harbor color palette (#E7F5F2, #A9CFD8, #1E8C90, #005D4E, #002531)
- Hushed Teal color palette (#F6F6EE, #C2DDC0, #28A8AE, #007E6B, #20432B)
- Worn Lantern color palette (#F4E2DC, #009394, #004356, #002508, #00091A)
- Sapphire Pier color palette (#FFF3E9, #71C2F0, #3C67C9, #005651, #35285C)
- Wandering Ash Basin color palette (#FAF4ED, #C7EAEF, #8B97C3, #3A7A7C, #644A54)
- Dusty Parlor color palette (#FFF1F6, #FFD3E3, #D69F76, #4E678C, #4D3437)
- Faded Cerulean color palette (#EADBD1, #009FC4, #004B86, #003127, #0F053F)
Browse the whole catalog at Explore, or see today's palette.