Tempered Petrol Courtyard color palette — #D4E5E2 · #6CACBC · #0081A1 · #005C62 · #000B13
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Silver (#D4E5E2): bright and airy, almost weightless.
- Cyan (#6CACBC): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#0081A1): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005C62): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Aged Dune color palette (#E4F2F0, #74BCD4, #008FBC, #006B76, #001624)
- Antique Iris Terrace color palette (#CBE8FD, #7BB1E3, #7196EF, #007792, #000C17)
- Antique Cobalt color palette (#E2F2F2, #7EA5C9, #3174C9, #00587B, #00022D)
- Washed Denim Coast color palette (#F4E4EF, #5B9EAE, #005F89, #003C34, #00071F)
- Powdered Lagoon color palette (#DDEDF7, #008BAF, #A72FBC, #005D77, #0E0012)
- Tempered Corridor color palette (#E7EBD7, #22859B, #004255, #001F21, #000103)
- Tempered Grape color palette (#BEE5F7, #007A9E, #7239D5, #006946, #000204)
- Washed Periwinkle color palette (#E4F2F1, #AFDAF6, #63ABE8, #008CAF, #002D5C)
Browse the whole catalog at Explore, or see today's palette.