Petrol Garden color palette — #E3F2F0 · #8BB9CE · #00748E · #004F52 · #003345
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#E3F2F0): a clean, paper-quiet neutral.
- Ash (#8BB9CE): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00748E): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#003345): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Timeworn Petrol color palette (#F1E5ED, #82BFCC, #0074A1, #004D40, #001434)
- Timeworn Cerulean Alley color palette (#EBF8F7, #A9CADE, #2D82A9, #005E6B, #123E5B)
- Turquoise Basin color palette (#EEF0E4, #99E0F0, #00B6DE, #009095, #003345)
- Lagoon Ridge color palette (#D4EBE6, #43A0A1, #00545B, #00302B, #00171D)
- Patina Lantern color palette (#EEF7F6, #D3DDEF, #6CA2B9, #3A7A81, #405566)
- Feathered Mulberry color palette (#E2D8F6, #B554A4, #0072A3, #7D006F, #002D43)
- Mulberry Bloom color palette (#F3E6FF, #F2ADBF, #CD8787, #7D3A6F, #492131)
- Hushed Orchard color palette (#E7DBF2, #AE337E, #914700, #433B9B, #360D25)
Browse the whole catalog at Explore, or see today's palette.