Ash Coast color palette — #F1F7F2 · #D1DFEF · #6CA3B1 · #42787F · #3D5667
Blue Fog and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D1DFEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#6CA3B1): A luminous, dusty blue — the color of open sky before noon.
- Teal (#42787F): A full-bodied, dusty blue — the color of open sky before noon.
- Peacock (#3D5667): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Ash 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
- Muted Driftwood Workshop color palette (#E9F8FF, #D8DBE6, #BFA7AF, #69919A, #3D515C)
- Teal Ridge color palette (#DCEADE, #58AFAF, #006370, #003F31, #002330)
- Aged Lagoon Lagoon color palette (#CBFAFF, #70C0B5, #289395, #236E7A, #404E69)
- Tempered Petrol color palette (#E8F8FF, #7DBCC3, #C9837F, #00828D, #5F425C)
- Washed Market color palette (#F5F0F5, #D0DEEE, #7DA1BC, #327C54, #29374A)
- Hushed Quarry color palette (#E9F8FF, #4DA6B7, #AB74A3, #867541, #2B4753)
- Cerulean Veranda color palette (#E4F1E6, #368E9E, #004358, #002320, #000A16)
- Wandering Petrol Coast color palette (#E5F3E8, #85B9D7, #0D6BB3, #004E58, #1B2C51)
Browse the whole catalog at Explore, or see today's palette.