Petrol Basin color palette — #ECF4ED · #CADFF1 · #6B91BB · #0F6A78 · #1C2C47

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#ECF4ED): bright and airy, almost weightless.
• Powder Blue (#CADFF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#6B91BB): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#0F6A78): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#1C2C47): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Petrol Basin 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

• Cobalt Study color palette (#E8F6EA, #9FD9F7, #2388D4, #00616B, #082152)
• Timeworn Denim Coast color palette (#E4EFE6, #5AABB4, #006278, #003A32, #000C16)
• Cerulean Delta color palette (#FAF4EF, #C3E5D8, #7189C0, #00716D, #4A4166)
• Washed Chapel color palette (#F0F0FF, #A07AC1, #A3743F, #007C75, #1C1B32)
• Abyss Archive color palette (#E3F3E6, #4B8193, #00415D, #001F20, #000104)
• Washed Summit color palette (#F0F0FF, #F3D3DC, #E4B0B9, #72749D, #373247)
• Petrol Lantern color palette (#E4F8E8, #77CCCF, #007F94, #005343, #001D2A)
• Airy Hollow color palette (#E2F4E5, #588FC1, #103DA5, #002A36, #03001B)

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