Petrol Garden color palette — #CFEAEF · #007A93 · #004F70 · #002444 · #000828
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#CFEAEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007A93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#004F70): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002444): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000828): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns Petrol Garden 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
- Airy Navy color palette (#DCF3FF, #0070A8, #004A91, #020F70, #08002B)
- Cypress Quarry color palette (#D3E5DB, #007D65, #004E49, #002B2E, #000D11)
- Navy Basin color palette (#C7E8E2, #00A4C2, #00688E, #003579, #130238)
- Washed Petrol Atelier color palette (#DDEFFD, #0071AC, #7F4A00, #003A5B, #0F0500)
- Antique Sky color palette (#CCEDF7, #1BB4F1, #257EBD, #2A4E80, #1F2747)
- Pale Delta color palette (#D8F3EB, #9EB2FF, #9771D0, #004F63, #020B2B)
- Frosted Cornflower color palette (#CFE2FA, #0578EF, #00429A, #001A3A, #000207)
- Mulberry Market color palette (#DEEEFF, #005A9B, #8F0039, #2C4400, #00040B)
Browse the whole catalog at Explore, or see today's palette.