Tempered Petrol color palette — #DAF1FF · #006F9A · #745500 · #424907 · #000910
Built around Peacock, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Frost (#DAF1FF): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#006F9A): A full-bodied, balanced blue — the color of open sky before noon.
- Coffee (#745500): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#424907): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#000910): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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
- Washed Fern Corridor color palette (#C5EEFE, #006D79, #3E5E00, #003D43, #000607)
- Brick Hollow color palette (#BEE9E9, #007577, #AC0215, #693500, #000A0A)
- Gentle Ultramarine Coast color palette (#E3ECFB, #004CC3, #3E5700, #004326, #000109)
- Olive Market color palette (#DCECE2, #688B24, #605200, #482700, #000E0E)
- Dusty Garnet Studio color palette (#D8EBFF, #004F88, #7B002F, #233700, #000815)
- Grape Studio color palette (#E6E3FC, #7227E9, #4F6400, #00532A, #0A0021)
- Timeworn Amethyst color palette (#DCE3FE, #7952E2, #007D4E, #00665E, #13092C)
- Soft Peony Pier color palette (#D4E6F5, #95AFFF, #E354B9, #00695B, #021534)
Browse the whole catalog at Explore, or see today's palette.