Tempered Petrol color palette — #FBEAE4 · #6CC7CF · #007197 · #004121 · #00020C
Built around Peacock, softened by Aqua — the whole palette hums with nature and growth.
The five colors
- Cream (#FBEAE4): A whisper-light, dusty orange — the color of sun-warmed clay.
- Aqua (#6CC7CF): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#007197): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004121): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, 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
- Ultramarine Coast color palette (#FCEBDD, #84BFE2, #3861BC, #003E3A, #030010)
- Cobalt Veranda color palette (#FFF2EB, #94D8EC, #157FCB, #005341, #07032F)
- Cerulean Market color palette (#F0E4EE, #32A0A9, #00516D, #003219, #001135)
- Muted Cerulean Garden color palette (#E7F3E9, #76BEC4, #0092AE, #006F5E, #001622)
- Patina Jade Archive color palette (#E1EEE5, #00AC7E, #00603E, #001910, #000201)
- Frosted Periwinkle color palette (#EEF2C8, #60E4D7, #48ACF1, #635500, #000C04)
- Ancient Mulberry color palette (#E1E7CB, #22A64B, #8B2391, #004919, #030004)
- Fern Courtyard color palette (#F5EDCD, #7A8300, #1E6300, #002F1D, #000302)
Browse the whole catalog at Explore, or see today's palette.