Tempered Petrol color palette — #F4FAD2 · #C3D8B3 · #58ABAC · #007AA0 · #224982
Cerulean and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F4FAD2): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#C3D8B3): A whisper-light, dusty green — the color of fresh herbs.
- Turquoise (#58ABAC): A luminous, balanced teal — the color of sea glass.
- Cerulean (#007AA0): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#224982): A full-bodied, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged 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
- Turquoise Parlor color palette (#DEFFE5, #B0EAF0, #60C2C6, #40809A, #274271)
- Frosted Aubergine color palette (#D3EEE7, #1DB5C3, #007EB1, #004398, #26006A)
- Timeworn Cypress Meadow color palette (#FFF4DC, #C1D0A3, #7DAE84, #008474, #00505A)
- Aged Indigo Parlor color palette (#E2FFE0, #A0DBED, #78A2CC, #5E66B4, #563777)
- Muted Nightshade color palette (#B6FFE0, #27D2D5, #0098BC, #00619B, #2D009F)
- Ancient Bronze color palette (#FFF2EB, #9ACBB0, #529EB4, #9E5A42, #3D4D36)
- Wandering Ultramarine color palette (#B1F6ED, #5CC5D9, #2F8BD5, #3344BE, #420575)
- Linen Lagoon color palette (#D2F4F4, #00A1D0, #005DBC, #3B00A8, #210035)
Browse the whole catalog at Explore, or see today's palette.