Tempered Petrol Lantern color palette — #F5F0F6 · #95B7DB · #B15261 · #0066B3 · #1B0805

Cobalt and Brick set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F5F0F6): bright and airy, almost weightless.
• Sky (#95B7DB): A luminous, dusty blue — the color of open sky before noon.
• Brick (#B15261): A full-bodied, balanced red — the color of embers at dusk.
• Cobalt (#0066B3): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#1B0805): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Balance. Tagged duotone.

Use it as a design system

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

• Hushed Plum color palette (#ECF4EF, #6BC1DB, #9C579A, #007088, #1C060B)
• Cobalt Thicket color palette (#F6F0F3, #DBB7CC, #B07059, #6968B0, #1F120B)
• Muted Workshop color palette (#F0F6FC, #97C9FD, #D5687A, #2984D3, #2B1F2D)
• Byzantium Loft color palette (#FCF2F8, #9EAAE9, #8750B4, #4E57A4, #311D24)
• Ancient Forest color palette (#F4F3DF, #839AD8, #875788, #00552D, #321A27)
• Hushed Mulberry Cabin color palette (#E7F1FF, #AFAAE4, #9065A8, #761C62, #450017)
• Aged Nightshade color palette (#FAE7F4, #7A8CEC, #A32600, #3500D7, #0C0100)
• Muted Drift color palette (#FDEDF3, #8A72AB, #90414A, #3A4700, #1F0F21)

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