Petrol Cabin color palette — #B7FAE9 · #56C2C4 · #00829A · #11618A · #464069
A conversation between Cerulean and Aqua, giving this palette its sense of trust and stability.
The five colors
- Sea Foam (#B7FAE9): A whisper-light, dusty teal — the color of shallow lagoons.
- Aqua (#56C2C4): A luminous, balanced teal — the color of sea glass.
- Cerulean (#00829A): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#11618A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#464069): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Petrol Cabin 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 Cerulean color palette (#D8E5D9, #65BDCB, #00869E, #00546C, #002F42)
- Ancient Terrace color palette (#E9F8FF, #89C6E5, #5689BA, #4F6394, #49526E)
- Aged Terrace color palette (#C0EDFF, #6EABDE, #5B7EC2, #4F4D8E, #5A3954)
- Turquoise Basin color palette (#B9F3E7, #65DBE0, #00BADF, #4193C2, #5C425D)
- Linen Harbor color palette (#E0F2F3, #00A7C8, #006897, #003D92, #2D2280)
- Amber Veranda color palette (#EAF8FF, #44AECD, #BF7445, #00718A, #61361A)
- Aged Lagoon color palette (#CFE8BA, #83BF88, #1D8F6B, #00635C, #14455D)
- Tempered Mallow Grove color palette (#EBF7FF, #D8D8E8, #D3BDEA, #4C8980, #3D5267)
Browse the whole catalog at Explore, or see today's palette.