Petrol Garden color palette — #BEE6F1 · #08A1D1 · #006BAB · #154D8F · #2B365F
A conversation between Peacock and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Powder Blue (#BEE6F1): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#08A1D1): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006BAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#154D8F): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2B365F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Ultramarine Cabin color palette (#D3E5FB, #6E9AE6, #525BB6, #4D3B8E, #45305E)
- Washed Corridor color palette (#D4EDF4, #5ACDFF, #14A0F7, #3D7BCA, #27365C)
- Ultramarine Garden color palette (#D5E7E4, #3CBBD1, #0089CB, #3B56BF, #413469)
- Washed Delta color palette (#E1F4F3, #34A3C0, #0071A1, #1C2E97, #1E1546)
- Quiet Turquoise color palette (#E3F4F1, #00BABF, #00818F, #004F65, #232E5A)
- Patina Orchard color palette (#E2F0FF, #5792CD, #A36B14, #00589A, #4C2E00)
- Worn Lilac color palette (#EEF6FF, #CDDAFD, #BA97D3, #317B9C, #334056)
- Hushed Basin color palette (#D3E7FF, #3B79CE, #A34E55, #2F6B05, #152C48)
Browse the whole catalog at Explore, or see today's palette.