Petrol Grove color palette — #DFF3FF · #00748F · #112A4D · #001B28 · #010811

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

The five colors

• Frost (#DFF3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#112A4D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001B28): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#010811): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Inked Denim Terrace color palette (#E0F2FF, #005D7E, #32272D, #0B163D, #000A14)
• Turquoise Market color palette (#D6F3E3, #00B2DB, #416B91, #0E495A, #061609)
• Antique Sapphire color palette (#DBE5F5, #3A67DB, #2E3047, #181F2A, #0A0C13)
• Cornflower Study color palette (#E1ECFF, #3174FF, #986700, #556317, #1D2F52)
• Aubergine Field color palette (#E2DCE9, #663900, #440066, #27101D, #0D0007)
• Inked Nightshade color palette (#E9EDFF, #2A00A5, #17111B, #11001B, #00000F)
• Eclipse Grape color palette (#E1E1F2, #5F00E5, #300E34, #0D0626, #03020A)
• Washed Moss Summit color palette (#E1FEEA, #96AF4A, #327B40, #205B5A, #0E4537)

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