Tempered Petrol color palette — #F4EDE3 · #67C4EB · #006DA8 · #003D42 · #00020C
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4EDE3): bright and airy, almost weightless.
- Sky (#67C4EB): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006DA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003D42): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Aged Denim color palette (#EEE6D8, #66B0B5, #005F70, #002C24, #000103)
- Feathered Dune color palette (#FAF4EC, #9ED2FF, #3A76DA, #004F61, #06042F)
- Quiet Lilac color palette (#D1F4E6, #B4CEFF, #B38EFF, #005E6F, #00030D)
- Ancient Azure Canyon color palette (#C9E5FB, #24A2FC, #00518A, #001325, #000103)
- Muted Mulberry Alley color palette (#D6EDFD, #006EA2, #A10056, #3E4900, #000103)
- Quiet Terracotta Grove color palette (#CEF5E4, #0089B9, #A34900, #00425B, #030100)
- Ancient Cornflower Studio color palette (#FBEDE2, #5DBEE2, #2E84E1, #006F5E, #11063C)
- Periwinkle Field color palette (#FAF4EB, #C1E4F6, #57ABFB, #007D8B, #3D253A)
Browse the whole catalog at Explore, or see today's palette.