Tempered Petrol color palette — #FAE8F3 · #7AC3D9 · #006BB1 · #003F31 · #010014
Royal Blue and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#FAE8F3): A whisper-light, dusty pink — the color of peonies in June.
- Sky (#7AC3D9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#006BB1): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#003F31): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#010014): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. 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
- Tempered Lapis Cabin color palette (#F8EAEE, #91BCE2, #4A52D5, #003D3F, #05000D)
- Aqua Grove color palette (#F3EBF4, #57CCC5, #00738A, #074106, #000308)
- Gentle Cornflower Coast color palette (#FEF1F7, #A2D3F2, #4A74D9, #00524E, #10012C)
- Onyx Studio color palette (#F4E3D8, #579AAD, #004F76, #00302A, #000D3D)
- Sky Hollow color palette (#EFE4D2, #1DC3E8, #008EC3, #006D6C, #00152A)
- Muted Teal Grove color palette (#93F8DE, #00B29E, #005B4F, #001A14, #000201)
- Ancient Field color palette (#CDFDFB, #44E1F1, #6199F5, #5E5C00, #000D0A)
- Frosted Field color palette (#C9EFEF, #23A46B, #A0006D, #00482B, #040002)
Browse the whole catalog at Explore, or see today's palette.