Tempered Petrol Hollow color palette — #F6ECE6 · #73BDD9 · #006CB0 · #00504C · #1D2A56
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#F6ECE6): bright and airy, almost weightless.
- Cyan (#73BDD9): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006CB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#1D2A56): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Tempered Petrol Hollow 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 Petrol color palette (#F2E7DF, #7EBED7, #376DAA, #004C40, #120B3B)
- Hushed Cobalt Market color palette (#FEF3EA, #9CCCEA, #4D79B8, #005F63, #4F2E44)
- Forest Ridge color palette (#FFF2EB, #86E0DE, #008EA7, #006A40, #16445F)
- Washed Market color palette (#E9F1EA, #B0DAF4, #59ADE7, #009097, #0E2D56)
- Timeworn Cerulean Quarry color palette (#FAE7DF, #29A0B2, #00506E, #003127, #00132E)
- Washed Ash color palette (#FBF4EE, #C6EBEC, #789CC7, #3C7A7A, #604B5A)
- Bronze Pier color palette (#F8D7BB, #BC6400, #00778A, #6F3800, #002F38)
- Pale Navy Hollow color palette (#EFE4D8, #4987B2, #002C98, #002225, #090029)
Browse the whole catalog at Explore, or see today's palette.