Weathered Petrol Coast color palette — #F1F7F2 · #DADDED · #819AC4 · #2F798F · #485269
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#DADDED): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#819AC4): A luminous, dusty violet — the color of a velvet chair.
- Slate (#2F798F): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#485269): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered Petrol 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
- Ash Hollow color palette (#F7EFF2, #D9D0E3, #8B9ACB, #3A7677, #32344B)
- Muted Archive color palette (#F9F4EF, #CBE8EC, #A3AFDD, #4E9395, #634A54)
- Dusty Parlor color palette (#E9F8FF, #87BED9, #4388B8, #39659C, #3C4D6B)
- Timeworn Petrol color palette (#E8F1EA, #90B8CD, #00719C, #00504F, #002F55)
- Weathered Boulevard color palette (#F0F7F2, #C3E3EB, #3B99A5, #0E7356, #274D60)
- Wandering Cobalt color palette (#EEF6FF, #92B3D7, #BA8F66, #2475BE, #63424F)
- Wandering Olive color palette (#EFF6FF, #7B9AC5, #B97376, #578444, #324459)
- Timeworn Cerulean Courtyard color palette (#D9E4DB, #4A9EA5, #005364, #003129, #001622)
Browse the whole catalog at Explore, or see today's palette.