Frosted Petrol color palette — #E1F2ED · #0070B2 · #006B2A · #00395E · #000B02
Built around Slate, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#E1F2ED): bright and airy, almost weightless.
- Slate (#0070B2): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006B2A): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#00395E): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#000B02): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Frosted Petrol 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
- Ancient Cabin color palette (#DCECE0, #00788A, #555E00, #003E48, #070900)
- Navy Studio color palette (#F4E1F2, #3F67B9, #00684A, #002095, #000B05)
- Airy Grape color palette (#D5E9D8, #007983, #6C32AC, #003E44, #0D001E)
- Aubergine Orchard color palette (#F1D9F1, #0053B2, #7A0087, #004543, #00030F)
- Pine Bloom color palette (#D0E8FF, #008DDC, #008D34, #00578A, #002207)
- Gentle Basin color palette (#D1F8ED, #1B97F1, #A66C00, #005087, #0E0600)
- Muted Nightshade color palette (#F8DFEF, #7171F8, #008476, #4100D0, #001B17)
- Cellar Aubergine color palette (#F1DFE5, #5D308D, #00444A, #2B004D, #000102)
Browse the whole catalog at Explore, or see today's palette.