Petrol Coast color palette — #DEE6EC · #9C9FAE · #8587A6 · #006C92 · #010A13

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DEE6EC): a clean, paper-quiet neutral.
• Blue Fog (#9C9FAE): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#8587A6): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#006C92): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#010A13): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns 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

• Softworn Abyss Courtyard color palette (#E5F2FA, #9CA6B0, #7C869E, #004D62, #000B13)
• Onyx Coast color palette (#EAF1EE, #7D938C, #7A617C, #002E41, #000201)
• Indigo Ridge color palette (#E6E8F3, #B5ACBA, #A190A4, #7B59C1, #0F1126)
• Timeworn Garnet Study color palette (#DAE0EE, #7D7DBE, #795E9A, #773142, #2A0002)
• Lagoon Terrace color palette (#C3E7E5, #499B7A, #00735F, #005352, #000804)
• Powdered Grape Parlor color palette (#DFF0FF, #0079B6, #6133AF, #00431B, #000203)
• Chalky Meadow color palette (#CCE3FA, #02B3ED, #0491F8, #5861E4, #00030F)
• Worn Azure color palette (#EAEFF5, #D2D1DD, #BCB6D0, #5E95D5, #252F3A)

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