Petrol Coast color palette — #F9E9F0 · #80C0E4 · #2A67B3 · #003D3F · #020013

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

The five colors

• Blush (#F9E9F0): bright and airy, almost weightless.
• Sky (#80C0E4): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#2A67B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D3F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Petrol Orchard color palette (#FAE8F4, #7EC5C3, #007487, #004123, #000306)
• Timeworn Study color palette (#DCECEB, #5192B7, #004D7A, #002A36, #00040F)
• Gentle Cobalt Alley color palette (#DFE2D7, #81B8D8, #008AD3, #006982, #00142C)
• Periwinkle Loft color palette (#FEF1F6, #D8D3DE, #85A6E4, #007E87, #2B284F)
• Feathered Quarry color palette (#EDF0DB, #8A941F, #7E17B5, #3B4000, #020006)
• Aged Lagoon Terrace color palette (#FAF3F8, #D4D5E3, #80C6E1, #469376, #24425D)
• Soft Grape color palette (#E4ECD5, #5A7200, #6928BC, #630687, #010100)
• Softworn Alley color palette (#F1FCC6, #86ECB1, #00B7C6, #745500, #000D01)

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