Timeworn Petrol Coast color palette — #E9F6EB · #7EC8DA · #007DA4 · #00524E · #001C31
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E9F6EB): bright and airy, almost weightless.
- Sky (#7EC8DA): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#007DA4): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00524E): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001C31): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Timeworn 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
- Feathered Sapphire color palette (#EAF5EC, #92C1E6, #296FCD, #004F5F, #0D0059)
- Misty Cobalt color palette (#FFF2EC, #5CC9DF, #0074B1, #00583F, #202C67)
- Softworn Harbor color palette (#E4EDE5, #6AA6BA, #005F86, #003939, #000B1B)
- Gentle Cerulean Canyon color palette (#FCF4E8, #62DEF8, #0099C9, #00736D, #003658)
- Antique Navy color palette (#E1EAE2, #5A7D97, #003C6F, #001E24, #00000D)
- Soft Azure color palette (#FFF0FB, #D4DAF6, #10A2F6, #007557, #131463)
- Wandering Raspberry color palette (#FBE2EF, #C50090, #6E6700, #005B74, #210015)
- Weathered Courtyard color palette (#F1E8FF, #CC4CAE, #008660, #84006D, #001C11)
Browse the whole catalog at Explore, or see today's palette.