Timeworn Petrol Lagoon color palette — #F0F6FA · #D8DAE2 · #BDBED3 · #3F7C9A · #41494E

Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D8DAE2): a clean, paper-quiet neutral.
• Ash (#BDBED3): A luminous, dusty violet — the color of wild irises.
• Slate (#3F7C9A): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#41494E): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Petrol color palette (#EBF3F8, #D6D7E5, #BFBBC9, #427E93, #262D32)
• Dusty Indigo Dune color palette (#F1F5FF, #DED6E5, #B8B9D8, #655AB6, #3B3F4C)
• Driftwood Bloom color palette (#F0F5FF, #A9B0CB, #807FA2, #725D74, #5B4A57)
• Softworn Navy Harbor color palette (#E5F0F9, #9BABBE, #6C7FA6, #003B5D, #09151F)
• Aged Driftwood Alley color palette (#EFF8F3, #E3D3D1, #AA9F91, #6E9B84, #404B45)
• Dusty Atelier color palette (#EDF8F7, #88BDA6, #0D8670, #3B606A, #27494A)
• Gentle Iris Station color palette (#EEF6FF, #ADE1FF, #7DB9FF, #7082DC, #2E3D52)
• Dusty Pier color palette (#E3E3EA, #BAB6C6, #9488A3, #5F2A6D, #1F1D2D)

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