Timeworn Petrol Lagoon color palette — #EAF9F3 · #DCC187 · #3D789D · #1E4760 · #152620

A conversation between Slate and Sand, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF9F3): a clean, paper-quiet neutral.
• Sand (#DCC187): A whisper-light, balanced gold — the color of honey in a jar.
• Slate (#3D789D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1E4760): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#152620): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Timeworn Petrol Lagoon 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

• Ancient Stone Summit color palette (#FDF1FA, #DCC188, #62709B, #55364F, #2A1D27)
• Hushed Cobalt Field color palette (#EDF7FF, #FFE2A6, #167FB4, #1E3B52, #071118)
• Aged Study color palette (#E9F9F5, #CCA58A, #27557D, #043052, #152521)
• Weathered Azure color palette (#EEF6FF, #FFC6B2, #5F97DC, #4F657F, #19222E)
• Muted Ash color palette (#FAF3F8, #E4D7D7, #D1BCB8, #7F8CBE, #4E444B)
• Muted Cobalt Dune color palette (#F9F3FA, #A1C8F4, #A37DBC, #4A83C2, #311E24)
• Soft Ultramarine Alley color palette (#F2DDF1, #D6A200, #1854B6, #012868, #010D2A)
• Wandering Periwinkle Ridge color palette (#E5FBF4, #5DA5E0, #BE7C6C, #7B702E, #203932)

Browse the whole catalog at Explore, or see today's palette.