Petrol Coast color palette — #D0ECE3 · #006AA6 · #341B2F · #00100C · #000301

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

The five colors

• Honeydew (#D0ECE3): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#006AA6): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#341B2F): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#00100C): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, 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 Grove color palette (#EEE2EC, #5171BF, #422736, #1D111B, #010806)
• Petrol Orchard color palette (#E0F0E5, #007182, #042C21, #001106, #000300)
• Weathered Cobalt Study color palette (#DFEEFC, #1A87CD, #2E405F, #082339, #040F15)
• Shadow Navy color palette (#F6E8F6, #004285, #1B1921, #0A072B, #030004)
• Indigo Studio color palette (#FAE9F2, #766DC9, #A95222, #006C4E, #23081A)
• Nightshade Villa color palette (#FBE0F1, #8188DB, #907B00, #4643AA, #221C00)
• Gentle Ultramarine color palette (#E1F1FF, #6799EA, #445BB4, #3F3686, #210F3F)
• Inked Byzantium color palette (#FFE2E7, #9B36AE, #421931, #21050D, #080104)

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