Petrol Chapel color palette — #F5F1EB · #C1E6DB · #738DBF · #006983 · #25284D

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Celadon Mist (#C1E6DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#738DBF): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#006983): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#25284D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Dusty Cypress Corridor color palette (#F5F1EB, #CBE4CD, #429BAF, #006E5B, #003143)
• Iris Dune color palette (#FBF3F5, #C7DFF7, #7884CA, #007074, #434463)
• Ancient Lagoon color palette (#F2EDE5, #67A7B8, #006082, #003937, #000C19)
• Washed Navy color palette (#F2E9DC, #49809C, #003E69, #001F23, #000109)
• Bronze Chapel color palette (#FFECF0, #A879B5, #A47516, #007A7E, #32121C)
• Petrol Courtyard color palette (#FCF0DE, #79CAD8, #007D9F, #00524B, #001C2E)
• Lagoon Station color palette (#FBF4ED, #C6DFF1, #ADB7EF, #00949B, #47365A)
• Softworn Iris Harbor color palette (#FEEDF1, #E3D4CD, #ECB9A1, #8D79B8, #3D2527)

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