Tempered Petrol Courtyard color palette — #FFF0FB · #83C4CC · #00799C · #005842 · #00355D
Built around Teal, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Ash (#83C4CC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00799C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005842): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00355D): A deep, shadowed, balanced 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 Courtyard 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 Sapphire Orchard color palette (#FFF1F8, #87C0DF, #006CCF, #005557, #252670)
- Muted Petrol Studio color palette (#F2F4E2, #6ACDD7, #008092, #00524F, #001E27)
- Ancient Cerulean color palette (#E5FBF6, #88DAE3, #009DB4, #00736E, #003947)
- Hushed Corridor color palette (#F5EAF2, #6DAAB5, #005F83, #003F33, #001F43)
- Cypress Lantern color palette (#F9F3F7, #D5E0F2, #6CA0C2, #008170, #42546B)
- Hushed Lantern color palette (#FFF2EC, #73EFFB, #00BBEE, #009B75, #00355C)
- Timeworn Navy Loft color palette (#F0E2EA, #60869D, #003E6D, #002221, #03002E)
- Tempered Sapphire color palette (#D2EDD9, #A28000, #245EF4, #614B00, #001587)
Browse the whole catalog at Explore, or see today's palette.