Tempered Petrol Study color palette — #F1F4E6 · #6AC9EE · #007BAA · #00505C · #001C30
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F1F4E6): a clean, paper-quiet neutral.
- Sky (#6AC9EE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007BAA): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00505C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001C30): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Petrol Study 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 Cerulean color palette (#F1F3EB, #AED1BE, #0087B3, #005A64, #002337)
- Patina Alley color palette (#FFF0F8, #2DC9F9, #0072B9, #005651, #1F2E62)
- Cerulean Station color palette (#E3FBF9, #79D9FF, #0098D1, #007080, #003656)
- Denim Harbor color palette (#E4E7DB, #6BA5C2, #005E8B, #003843, #000B1A)
- Weathered Navy Thicket color palette (#ECF0E5, #577C9F, #003979, #001D2C, #00000C)
- Grape Cabin color palette (#ECDCDE, #D00058, #885A00, #6D00B7, #230009)
- Hushed Peony color palette (#EEDAD9, #E1309B, #8D6D00, #89005A, #1D1400)
- Amber Garden color palette (#FDE7D5, #C5790A, #884800, #5A2400, #1C0F00)
Browse the whole catalog at Explore, or see today's palette.