Tempered Petrol color palette — #F3E5EB · #89BBD6 · #4169B0 · #004C45 · #18053E

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

The five colors

• Rose Water (#F3E5EB): a clean, paper-quiet neutral.
• Sky (#89BBD6): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4169B0): A full-bodied, balanced violet — the color of wild irises.
• Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#18053E): 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 Tempered Petrol 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

• Cobalt Archive color palette (#FAEEF2, #B5CADE, #6376C2, #005B5C, #271540)
• Softworn Petrol color palette (#E6F2E8, #91B7D2, #006BB3, #004E57, #162B57)
• Ancient Forest Station color palette (#EDE6EE, #89BDCA, #007791, #03500E, #00172D)
• Ancient Cerulean Bloom color palette (#F8EEF7, #A9D8E9, #008FBC, #006635, #002253)
• Blush Garden color palette (#DCF0FF, #AEBFFB, #D17BB6, #007468, #061A34)
• Azure Archive color palette (#CCE4FF, #4E99DD, #005D95, #002B51, #000716)
• Muted Cypress color palette (#F7EFF2, #D9D0E3, #8B9BC7, #007B79, #31344A)
• Antique Denim Studio color palette (#EFDFEA, #5894A5, #004C7F, #002D21, #02001C)

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