Timeworn Petrol Coast color palette — #DBE4EB · #9BA0B2 · #84869C · #006D8F · #000B14

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

The five colors

• Frost (#DBE4EB): a clean, paper-quiet neutral.
• Blue Fog (#9BA0B2): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#84869C): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#006D8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Abyss Study color palette (#DBE9F1, #96A7B9, #7A86A2, #004D5F, #000B13)
• Aged Veranda color palette (#DAE1E4, #838F9D, #636987, #002F3A, #000103)
• Wandering Boulevard color palette (#EAECF8, #B8ABBE, #A390A7, #785DB9, #101320)
• Gentle Pewter Terrace color palette (#D7DFF4, #787AB2, #705499, #6F3542, #2E0003)
• Soft Ultramarine color palette (#D1EADC, #0081C4, #274FB8, #5F1753, #00030C)
• Emerald Boulevard color palette (#D3EBE9, #00A16F, #00735C, #005450, #000804)
• Washed Indigo color palette (#D1E8FF, #02B3ED, #0F98F4, #4F63E8, #00030F)
• Tempered Azure color palette (#E9EFF6, #D2D1E2, #BBB5CF, #6596CA, #252F3A)

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