Tempered Petrol color palette — #F8E9F2 · #52C7E9 · #006AB3 · #003F31 · #020013
A conversation between Royal Blue and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F8E9F2): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#52C7E9): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#006AB3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003F31): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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 Aqua Ridge color palette (#F5EAF6, #40CECA, #00738D, #00420C, #000308)
- Ancient Market color palette (#FFF1F6, #8FD6FF, #4F76CB, #00524D, #10022B)
- Dusty Azure Study color palette (#CCE8FF, #00AAE1, #00517E, #001524, #000103)
- Washed Cerulean Hollow color palette (#EEF1E2, #6FBDD6, #008FBC, #006B76, #001624)
- Tempered Onyx Alley color palette (#FAEAE1, #6598A9, #004E79, #00302B, #000844)
- Hushed Brick color palette (#E1F1FF, #2295D3, #AB050F, #004061, #040000)
- Lagoon Orchard color palette (#D7EAE2, #009A97, #005D6D, #00273F, #01000B)
- Patina Chestnut Archive color palette (#CBEDF7, #007389, #7D4B00, #603800, #000102)
Browse the whole catalog at Explore, or see today's palette.