Ancient Petrol Studio color palette — #E6FBF4 · #81B7DF · #BD8C71 · #3279A9 · #524C47

Built around Slate, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#E6FBF4): A whisper-light, dusty teal — the color of sea glass.
• Sky (#81B7DF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Caramel (#BD8C71): A luminous, dusty orange — the color of toasted spice.
• Slate (#3279A9): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#524C47): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Taupe Garden color palette (#EFF8EE, #6DC1BC, #C7828F, #23827E, #68423A)
• Patina Fern Meadow color palette (#FEF1F8, #AAAADF, #9B9D69, #6D6BA3, #5D4B00)
• Cobalt Pier color palette (#E7F4FE, #8EB9D9, #C385B1, #0079B4, #372A48)
• Hushed Azure Garden color palette (#E0FDF4, #639ED0, #AD7E58, #7A7338, #314841)
• Tempered Cerulean color palette (#ECF8F4, #9FCBE7, #99BD8E, #2B96CE, #4F5100)
• Worn Driftwood color palette (#E3FCF1, #EBD9D3, #AEAA9A, #779C81, #5B4B5A)
• Cerulean Archive color palette (#DBFEF4, #A3CBF4, #5981AD, #2E547C, #1D3D5A)
• Weathered Azure color palette (#FEF0FF, #4096F2, #957D00, #005CAB, #463A00)

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