Tempered Petrol color palette — #EFF6FC · #D5D9E7 · #A7BDD6 · #00698A · #010E18
Peacock and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EFF6FC): a clean, paper-quiet neutral.
- Silver (#D5D9E7): a clean, paper-quiet neutral.
- Ash (#A7BDD6): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#00698A): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#010E18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Muted Ultramarine color palette (#F0F6FE, #DAD7E9, #AFBAD8, #1357C6, #060D17)
- Denim Drift color palette (#E8EFF6, #C9D1DB, #9AA6BD, #004F8A, #000308)
- Ancient Abyss Hollow color palette (#E2EEE7, #BFACC1, #9C8594, #004C5E, #020E07)
- Cerulean Atelier color palette (#E3EBEF, #BDBFCD, #B7A2C9, #008EAD, #12222A)
- Ultramarine Cabin color palette (#DAE7F6, #005EB5, #2D2223, #070F2E, #000105)
- Aged Teal color palette (#E0FCFA, #60B692, #00705C, #004644, #000B05)
- Garnet Veranda color palette (#F2ECFF, #C29FD0, #8D6185, #6B1E00, #210D00)
- Worn Workshop color palette (#EFF6FF, #DAD8E2, #C0A5AB, #2F75F5, #15253B)
Browse the whole catalog at Explore, or see today's palette.