Petrol Terrace color palette — #DBEDFC · #0072A8 · #6E3400 · #272A00 · #0B0C00
Slate takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#DBEDFC): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#0072A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#6E3400): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#272A00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#0B0C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Terrace 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
- Softworn Sapphire color palette (#E4EDFF, #505DC9, #554500, #282A00, #060E00)
- Hazy Meadow color palette (#DBF1FF, #0089AC, #8D332D, #003F1F, #001A09)
- Aged Loft color palette (#D5ECF3, #007B7B, #830D30, #3D1F00, #150700)
- Ancient Sapphire color palette (#D8E2F2, #3B61C2, #800949, #3B2B00, #00261F)
- Navy Atelier color palette (#D5E8FF, #004790, #3E2200, #001413, #000201)
- Tempered Harbor color palette (#CFE9EB, #007E63, #5F277D, #2A2900, #000E09)
- Antique Market color palette (#D7E6DA, #0098A5, #81449C, #444600, #002529)
- Muted Cornflower Balcony color palette (#FFF0FD, #5C8BFB, #AB295A, #413900, #001011)
Browse the whole catalog at Explore, or see today's palette.