Tempered Petrol Quarry color palette — #F6EDE6 · #77BCD7 · #006CB0 · #00504C · #1F2B51
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#F6EDE6): a clean, paper-quiet neutral.
- Cyan (#77BCD7): A luminous, dusty blue — the color of open sky before noon.
- 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.
- Midnight (#1F2B51): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Petrol Quarry 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
- Petrol Chapel color palette (#DFECEB, #6DBFE2, #0074A2, #004955, #00182A)
- Feathered Nightshade Hollow color palette (#E9E2DB, #7DA3C7, #364CAD, #003D46, #211542)
- Muted Villa color palette (#EDF0E6, #93CEE7, #2191C4, #006A79, #0A314B)
- Antique Field color palette (#FCF3EC, #9FD2BF, #3C77CD, #005F63, #4E2F43)
- Softworn Grove color palette (#F9E6DD, #4E9DAA, #00516E, #003126, #00142D)
- Quiet Blush Boulevard color palette (#FFEDF6, #E8BDE8, #EB718B, #325F93, #432733)
- Timeworn Cabin color palette (#FCF3EF, #C9E5CB, #0099BA, #217252, #295045)
- Ash Courtyard color palette (#FAF4EF, #C8E9EA, #779CC9, #2E7C7C, #5F4B59)
Browse the whole catalog at Explore, or see today's palette.