Petrol Cabin color palette — #FBE9E0 · #68ADC2 · #006DA3 · #004B43 · #000C3F

Peacock and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBE9E0): A whisper-light, dusty orange — the color of autumn markets.
• Cyan (#68ADC2): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006DA3): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B43): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#000C3F): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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 Teal color palette (#FAECE4, #4CB5AF, #007384, #004D28, #001623)
• Tempered Cobalt color palette (#F8EDE4, #83B9D9, #2E73CF, #00595C, #181845)
• Muted Petrol Study color palette (#F7E9F2, #72C4DB, #006EA2, #003F37, #00020F)
• Cerulean Veranda color palette (#DAEEEB, #519BAF, #00516A, #002F33, #001623)
• Sunlit Lilac color palette (#C5EDFB, #82AEEA, #A572D7, #006B66, #001624)
• Cobalt Corridor color palette (#CDE4F2, #008ED0, #005F82, #00283C, #000204)
• Cypress Pier color palette (#FCF3ED, #B4E0C9, #679BC8, #097C75, #2A3860)
• Softworn Chestnut color palette (#CFE4D7, #00859F, #9B4E00, #004E5E, #1D0900)

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