Petrol Garden color palette — #D8F2FF · #00778B · #0F3356 · #191B22 · #00090C
Teal and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D8F2FF): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#00778B): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#0F3356): A deep, shadowed, dusty blue — the color of open sky before noon.
- Onyx (#191B22): quiet, heavy and certain.
- Ink (#00090C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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
- Twilit Denim color palette (#D7F0E1, #005D6F, #262833, #001B28, #000304)
- Weathered Iris color palette (#DEE6FA, #8C90EB, #615C81, #323B56, #060E16)
- Timeworn Azure Workshop color palette (#DAF1FF, #00A0CC, #3F5888, #003B4D, #00090D)
- Washed Powder Study color palette (#E9F3FB, #7FC0E8, #737C8D, #475763, #1A2327)
- Weathered Pier color palette (#DAEEDD, #999E4F, #3D831F, #00645B, #101100)
- Gentle Garden color palette (#D7E5F4, #52A2FF, #B66C03, #004F98, #1B0B00)
- Velvet Sapphire color palette (#E5F0FF, #1C5DE2, #382658, #000322, #000205)
- Timeworn Ridge color palette (#F3E7EB, #8EB4D9, #607CDA, #006B7A, #18003E)
Browse the whole catalog at Explore, or see today's palette.