Tempered Petrol color palette — #DDF0FF · #006E91 · #4B4800 · #003C16 · #001F20
Built around Peacock, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Frost (#DDF0FF): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006E91): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#4B4800): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Forest (#003C16): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Tempered 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
- Cocoa Archive color palette (#DDF9FF, #006D66, #623800, #333100, #001D0A)
- Antique Market color palette (#E1EBFF, #3E4FA4, #00481B, #00322F, #001421)
- Ultramarine Quarry color palette (#EFF6FF, #185FD2, #276100, #004238, #002430)
- Aged Cypress color palette (#F3F4FF, #806DA5, #006D59, #004A59, #1B283A)
- Violet Parlor color palette (#FFE6F3, #815AFF, #8C4D00, #00523B, #140B33)
- Forest Chapel color palette (#EEF6FE, #5C92BD, #5B6C32, #005B3C, #243A43)
- Antique Villa color palette (#DBE7FF, #3E41F9, #633400, #00382C, #02011F)
- Patina Atelier color palette (#F5E0F4, #CC083A, #6E3E00, #363500, #002D15)
Browse the whole catalog at Explore, or see today's palette.