Petrol Grove color palette — #F5EDE2 · #63BFDB · #00719D · #004F50 · #0E2F4F
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#F5EDE2): bright and airy, almost weightless.
- Cyan (#63BFDB): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#00719D): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#0E2F4F): A deep, shadowed, dusty 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 Petrol Grove 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 Garden color palette (#F1E7E1, #83BDD0, #2A71A0, #004C45, #03123A)
- Timeworn Turquoise Courtyard color palette (#E6F1F0, #B5D9ED, #20B4E5, #008F9B, #003249)
- Misty Cerulean color palette (#F8EAF2, #8ED0E4, #388EC5, #006D62, #122B5C)
- Dusty Workshop color palette (#D3F8E7, #9BC5FF, #9393D4, #006870, #003A2F)
- Worn Dune color palette (#D0EBFF, #009CE4, #005C84, #002F46, #001A29)
- Tempered Cypress color palette (#FAF4EB, #CBE5C9, #4D97A2, #2C7059, #334F41)
- Navy Workshop color palette (#EBE3D7, #4588B0, #003D72, #002127, #01022B)
- Misty Bronze color palette (#C1E9D4, #008CB0, #A64D00, #005167, #441C00)
Browse the whole catalog at Explore, or see today's palette.