Tempered Petrol color palette — #FFF2EB · #77C5DA · #0075AD · #00574D · #0C2E6C
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Sky (#77C5DA): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0075AD): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
- Navy (#0C2E6C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Softworn Field color palette (#FFF2EB, #49CFC8, #007C8D, #005A2F, #00384F)
- Antique Drift color palette (#FFF3E6, #79BEFB, #3C5CE5, #00545F, #35216B)
- Aqua Basin color palette (#D9FAF6, #00D0FA, #007DA2, #005058, #001D2C)
- Cerulean Veranda color palette (#F4F7E8, #64DCFF, #009AC7, #00717B, #003751)
- Patina Station color palette (#EEE4DE, #6DA8BF, #005B94, #003E3A, #0D1A48)
- Sky Corridor color palette (#EDF9EF, #A1E6FB, #1BB8FA, #009796, #00345D)
- Timeworn Orchard color palette (#FBF4ED, #C4E5D8, #5B8CCE, #007074, #5B3C51)
- Sunlit Station color palette (#F5ECE4, #5795CB, #2236AD, #002F36, #17033B)
Browse the whole catalog at Explore, or see today's palette.