Tempered Petrol color palette — #CFFEEC · #D1E8FF · #9FBCFF · #007FA0 · #022946
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Honeydew (#CFFEEC): A whisper-light, dusty teal — the color of glacier melt.
- Frost (#D1E8FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#9FBCFF): A luminous, balanced violet — the color of twilight just after sunset.
- Cerulean (#007FA0): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#022946): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged pastel, light, muted, 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
- Tempered Veranda color palette (#FEEAFF, #DCD5F6, #B0B1F7, #007DB3, #162A4C)
- Lilac Corridor color palette (#CDF6EB, #B4CAF3, #979DE8, #006690, #001E40)
- Hazy Aqua color palette (#E3FADD, #AAF0F4, #59D0F0, #008166, #002E2E)
- Antique Market color palette (#EBF7FF, #DBD7F7, #D4A6FF, #00837D, #2E4A66)
- Patina Alley color palette (#DBFFED, #E3DCE5, #C1B2AD, #00ADA7, #173E5B)
- Hushed Loft color palette (#FDECF7, #E7D1D0, #E5AEB2, #697AAC, #3D2633)
- Tempered Thicket color palette (#FCDCF4, #A8AADF, #9279C5, #004F9E, #070527)
- Antique Bronze Archive color palette (#E2F9E5, #008D96, #836700, #415100, #00181A)
Browse the whole catalog at Explore, or see today's palette.