Tempered Petrol Archive color palette — #E2F7F1 · #86B9E4 · #C09167 · #4177A1 · #35302B

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

The five colors

• Cream (#E2F7F1): A whisper-light, dusty teal — the color of sea glass.
• Sky (#86B9E4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Camel (#C09167): A luminous, balanced gold — the color of old brass.
• Slate (#4177A1): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#35302B): quiet, heavy and certain.

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

Use it as a design system

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

• Timeworn Pewter color palette (#FAEEF4, #B3ACDB, #A1A061, #7366A6, #33312A)
• Cypress Delta color palette (#E9F6E9, #7EC1C1, #CD858B, #0A8283, #49261D)
• Patina Parlor color palette (#EEF6FE, #85B7D8, #BA905D, #007BB1, #3C5539)
• Cerulean Quarry color palette (#EEF6FE, #A4C9E9, #D9A574, #4993CB, #63424F)
• Worn Periwinkle color palette (#FBECFC, #71A0D3, #BB7780, #6A8155, #312133)
• Dusty Stone color palette (#FAECFC, #EAD1D4, #D6B59A, #769C8B, #463844)
• Timeworn Bloom color palette (#FFEAFD, #AFCBF4, #698CBB, #364D76, #2A112A)
• Linen Ultramarine Drift color palette (#FFEBFC, #6792FF, #A07E00, #274CC6, #2A1F00)

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