Ancient Petrol Basin color palette — #F5EDE1 · #8FBDAD · #366AA6 · #004E5B · #1A2860

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

The five colors

• Cream (#F5EDE1): a clean, paper-quiet neutral.
• Mint Leaf (#8FBDAD): A luminous, dusty teal — the color of sea glass.
• Slate (#366AA6): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E5B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#1A2860): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Ancient 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

• Petrol Atelier color palette (#F4EEE4, #7FBEBF, #007586, #005140, #003344)
• Sapphire Alley color palette (#F2E7DD, #8FBFAF, #4864BD, #004B4A, #190E2E)
• Wandering Cerulean color palette (#FAF4EC, #97DCE5, #008DAE, #00685C, #004565)
• Misty Cornflower color palette (#F6EBEF, #9BCBEB, #507DF5, #006C68, #312450)
• Gentle Lilac color palette (#CEFBEF, #BCCAFF, #B18ED1, #006685, #22325A)
• Worn Grove color palette (#E8F1EA, #A9DAFC, #5CA7FF, #008EA4, #1D2A56)
• Onyx Balcony color palette (#C3EAF2, #0091B2, #00658B, #003C71, #2D1459)
• Muted Denim color palette (#E7E1D7, #549AB3, #004F74, #003031, #00142D)

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