Petrol Basin color palette — #ECF3FA · #EAB5A4 · #38658D · #213344 · #0F141A

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

The five colors

• Ivory (#ECF3FA): a clean, paper-quiet neutral.
• Sand (#EAB5A4): A luminous, dusty orange — the color of sun-warmed clay.
• Peacock (#38658D): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#213344): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0F141A): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Denim Summit color palette (#EFF2F8, #9DD0BE, #585B94, #293045, #11141C)
• Antique Cabin color palette (#EAF9F5, #FCC1B2, #5981A8, #3B534D, #242E2B)
• Hushed Petrol color palette (#ECF3F9, #9FC9E7, #B06790, #1E79AC, #18141C)
• Dusty Workshop color palette (#EEF2F8, #DAD5DD, #B8AAAE, #7381A9, #33363B)
• Linen Nightshade color palette (#EAF3FF, #D79B32, #0240AC, #001857, #010716)
• Weathered Bronze Quarry color palette (#E6F5F9, #3BA8A2, #B56D50, #4C6837, #10262C)
• Tempered Terracotta Balcony color palette (#EBF3FA, #518FC1, #9C4E42, #38511E, #111D27)
• Muted Pewter color palette (#E1F8F4, #8BACE6, #91659D, #3B5C36, #272C3A)

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