Tempered Petrol color palette — #EAF1F5 · #A19EAF · #908195 · #006B96 · #000A15
A conversation between Peacock and Heather, giving this palette its sense of trust and stability.
The five colors
- Cream (#EAF1F5): a clean, paper-quiet neutral.
- Blue Fog (#A19EAF): A luminous, dusty violet — the color of wild irises.
- Heather (#908195): A luminous, dusty pink — the color of peonies in June.
- Peacock (#006B96): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Lapis Study color palette (#E9EEFA, #A99BAA, #A17E91, #5753B6, #03071C)
- Softworn Loft color palette (#DDE9E5, #ACA0AB, #987D8E, #004A71, #000D08)
- Patina Onyx color palette (#E0EBE6, #9A8695, #7E626B, #002E41, #000201)
- Fern Orchard color palette (#DDF2F7, #35939A, #5E5E91, #354C00, #001918)
- Aged Indigo Dune color palette (#DCE0E8, #C6BCC8, #BF9DB0, #6C73DA, #181F30)
- Misty Grape Quarry color palette (#E2F2EB, #008A99, #5539C3, #3C3E00, #000408)
- Fern Thicket color palette (#F7E6EF, #A4833F, #5D6900, #553773, #0A0500)
- Chalky Magenta color palette (#D0E4F8, #00B6AF, #3992FF, #C100B9, #020022)
Browse the whole catalog at Explore, or see today's palette.