Tempered Petrol Basin color palette — #FFF0FA · #71C5DD · #0075AD · #00574D · #102F68
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Sky (#71C5DD): A luminous, balanced blue — the color of a favorite pair of jeans.
- 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 (#102F68): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Tempered Petrol Basin 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
- Sapphire Summit color palette (#FFF1F5, #7FBEF5, #4263D1, #00545F, #342565)
- Aged Petrol Corridor color palette (#F1F4E5, #85C7D9, #007D9F, #005156, #001D2B)
- Dusty Drift color palette (#FDF1F9, #A3D8E5, #008FA3, #006B39, #004662)
- Weathered Denim Cabin color palette (#F3E2EC, #5FAAC5, #005B93, #003E3A, #0D1B47)
- Dusty Study color palette (#FBF2F7, #D8DFF0, #819CB9, #307C7A, #46536B)
- Sky Field color palette (#FFF2EB, #94E8FF, #36B6FD, #009987, #123064)
- Wandering Veranda color palette (#F3E6EB, #5B86A3, #0D3680, #002225, #080029)
- Worn Atelier color palette (#FAE2EC, #C70083, #007653, #006151, #410B2A)
Browse the whole catalog at Explore, or see today's palette.