Petrol Cabin color palette — #FDECF9 · #64CED7 · #007D9F · #00543D · #001B33

Built around Cerulean, softened by Aqua — the whole palette hums with trust and stability.

The five colors

• Blush (#FDECF9): A whisper-light, dusty pink — the color of a candy shop window.
• Aqua (#64CED7): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007D9F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00543D): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#001B33): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Dusty Aqua color palette (#E2FBF7, #3FCDDA, #007C8D, #005653, #003948)
• Cobalt Lagoon color palette (#FFECF4, #68C8F5, #0071D0, #005151, #0F0C4B)
• Denim Parlor color palette (#F4E4F0, #5BAAB8, #006083, #003B2F, #000A1E)
• Pale Terrace color palette (#FFF2EC, #1BE4F4, #009AC4, #007558, #00355B)
• Patina Turquoise Courtyard color palette (#F6EFF4, #D4D2EA, #69A4C8, #40776B, #293749)
• Sapphire Grove color palette (#D6E4DB, #A08400, #006EDA, #5C4A00, #001533)
• Tempered Navy color palette (#F7EBF1, #40829B, #003E6A, #001F1E, #00000C)
• Misty Amber color palette (#F6DFD6, #C47200, #845A00, #3E3600, #192000)

Browse the whole catalog at Explore, or see today's palette.