Tempered Petrol Chapel color palette — #F6F6EA · #9FBC87 · #6D8DC0 · #4268A7 · #5E3340

Slate takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F6F6EA): a clean, paper-quiet neutral.
• Sage (#9FBC87): A luminous, dusty green — the color of a quiet forest floor.
• Slate Blue (#6D8DC0): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4268A7): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#5E3340): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

Use it as a design system

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

• Terracotta Studio color palette (#FCF4EA, #D3A976, #6690BD, #9C503E, #48413D)
• Softworn Petrol Lagoon color palette (#FCF3ED, #D7A586, #A7865A, #1F6EA5, #5F371C)
• Aged Honey Lagoon color palette (#FAF5E7, #D0CD67, #60B9C3, #8E7EA6, #48413D)
• Honey Garden color palette (#EEF9EE, #F4C36E, #6C9FCF, #7B5E85, #383352)
• Petrol Pier color palette (#EEF8F3, #9D9B61, #008089, #5A4978, #52394B)
• Weathered Pewter color palette (#FDF3EE, #DBA096, #6C9973, #7F578D, #5E362F)
• Mulberry Quarry color palette (#F5F6EC, #99BC97, #529C8D, #984C6C, #2D4B2B)
• Wandering Lagoon color palette (#FAF3F0, #CDE7E4, #90B6D6, #45987A, #614A5B)

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