Petrol Coast color palette — #CAE3F2 · #007491 · #092E45 · #001B29 · #020712

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

The five colors

• Frost (#CAE3F2): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007491): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#092E45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001B29): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#020712): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Ancient Cobalt color palette (#DBE5F6, #536DB4, #2B3245, #181F2B, #0B0B13)
• Tempered Turquoise Field color palette (#E1F0E8, #00B2DD, #376E8F, #254B39, #0A140E)
• Cerulean Cabin color palette (#CDE8D9, #0095B5, #28456F, #022F1C, #091509)
• Nocturne Navy color palette (#D3E3F8, #00428B, #241920, #05092D, #00030B)
• Byzantium Delta color palette (#E0ECFF, #3D7CE2, #A346A7, #006F6E, #162F58)
• Smoked Grape Thicket color palette (#E9EDFD, #621CD7, #290C44, #0E0428, #04020A)
• Twilit Aubergine Parlor color palette (#E5E5FF, #450063, #2D1321, #141409, #0B000D)
• Sunlit Pine Dune color palette (#E0FDF3, #8AB16B, #42783D, #1A5F40, #0C443B)

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