Petrol Garden color palette — #D1E8F4 · #006A91 · #003040 · #211B21 · #00080E

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

The five colors

• Frost (#D1E8F4): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006A91): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003040): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#211B21): quiet, heavy and certain.
• Ink (#00080E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, dark, muted.

Use it as a design system

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

• Quiet Bloom color palette (#D7E2EE, #4D97E8, #005CAD, #00284A, #000514)
• Shadow Ridge color palette (#CDF1F4, #007077, #00373A, #000C0D, #000202)
• Ancient Cobalt color palette (#E1F0F8, #0081B0, #004B66, #001D29, #000204)
• Soft Sky Summit color palette (#E7F4FF, #45BBFF, #0079B8, #004060, #00121F)
• Twilit Navy Drift color palette (#D3E1FD, #2355B4, #0B0F86, #1E0710, #000224)
• Nocturne Mulberry Boulevard color palette (#EEE8C4, #AB0060, #005297, #0B0B15, #000104)
• Deep Thicket color palette (#E1E9F9, #414EA2, #500030, #110063, #020005)
• Wandering Cobalt color palette (#EDF1FF, #B9B2F1, #706FB7, #3B3674, #130935)

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