Timeworn Petrol Lagoon color palette — #F4EDE3 · #8EBDAF · #3766B3 · #004D5F · #232953

Royal Blue and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F4EDE3): bright and airy, almost weightless.
• Mint Leaf (#8EBDAF): A luminous, dusty teal — the color of shallow lagoons.
• Royal Blue (#3766B3): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#232953): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Wandering Balcony color palette (#F5EDE1, #9ABB9F, #00748B, #005145, #003248)
• Sapphire Summit color palette (#FFF4E2, #79C0F2, #006BD1, #005462, #1E2B6A)
• Antique Delta color palette (#EEE8E2, #93B8DA, #5964AC, #004B4E, #1E0832)
• Weathered Cerulean color palette (#FAF4EB, #91DCEC, #008CB5, #006761, #00446B)
• Tempered Workshop color palette (#F5ECEF, #A3C9EB, #707ED2, #006B6F, #372051)
• Denim Chapel color palette (#F5E8D5, #5699B7, #004E7B, #002F33, #001134)
• Patina Periwinkle color palette (#E9F1EA, #B2D8FA, #6CA3FF, #008CAA, #252B4D)
• Ancient Chapel color palette (#F9F4EE, #CBE5DC, #63A6AE, #4A7A66, #375143)

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