Tempered Petrol color palette — #EBF3F8 · #98D0C9 · #1C6B86 · #183545 · #0A151C
A conversation between Peacock and Pistachio, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF3F8): a clean, paper-quiet neutral.
- Pistachio (#98D0C9): A luminous, dusty teal — the color of sea glass.
- Peacock (#1C6B86): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#183545): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0A151C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged luxury, dark, muted, cool.
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
- Ancient Denim color palette (#EEF2FC, #D6B7D7, #5C5A8E, #282F4A, #11131D)
- Cerulean Ridge color palette (#EFF6FC, #DAD7CC, #4D8DBA, #31495D, #151C22)
- Hushed Balcony color palette (#EDF2F9, #A2C5FA, #8875BB, #4F72A7, #14151E)
- Frosted Jade Cabin color palette (#E8F3FF, #4CC186, #004D8D, #002142, #010813)
- Obsidian Orchard color palette (#D8E6F2, #006A2F, #362B2D, #001624, #000103)
- Timeworn Driftwood Grove color palette (#EFF2F8, #D8D5DD, #BAABB5, #7383A2, #33363C)
- Weathered Pewter color palette (#FDECF9, #AFA2D6, #90669C, #764139, #2A2A3C)
- Navy Cabin color palette (#E4E9F4, #D5868F, #3C388C, #17163D, #020510)
Browse the whole catalog at Explore, or see today's palette.