Petrol Grove color palette — #CAEBF2 · #007990 · #00526A · #002536 · #000A14
Built around Teal, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#CAEBF2): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007990): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00526A): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002536): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000A14): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Washed Atelier color palette (#DDEFF8, #00679E, #003A63, #001C3E, #000419)
- Wandering Drift color palette (#CFEEDD, #007A61, #00584B, #002D29, #000F0E)
- Chalky Fern color palette (#CEEDDF, #00759D, #386600, #003C53, #030A00)
- Worn Archive color palette (#D2EDF3, #009BB9, #006C8B, #00435F, #00263D)
- Hushed Loft color palette (#DDEAF7, #1685D7, #004C80, #001E37, #000204)
- Soft Iris color palette (#D2EDE5, #91B3EB, #7C7EDB, #005375, #00102A)
- Wandering Coast color palette (#DFF0FF, #005D92, #6E009F, #00463B, #00040A)
- Quiet Courtyard color palette (#D2EAFF, #0077CE, #003C8D, #05006F, #04002E)
Browse the whole catalog at Explore, or see today's palette.