Tempered Petrol Cabin color palette — #F0F7F3 · #D2DDDE · #D1BCC2 · #1E809A · #3F4B44

Cerulean and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D2DDDE): bright and airy, almost weightless.
• Stone (#D1BCC2): A luminous, dusty rose — the color of strawberry cream.
• Cerulean (#1E809A): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F4B44): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Aged Cerulean Basin color palette (#F8F3F8, #DFD7D9, #B1ABA1, #6085B0, #565057)
• Aged Denim color palette (#ECF8F4, #DECCDC, #A0A2CE, #006093, #183A31)
• Wandering Corridor color palette (#F6F6ED, #ACB396, #3E826C, #416347, #3D4800)
• Hushed Denim Dune color palette (#FAF3F6, #E1D6D4, #C3ADAE, #6A5696, #46353C)
• Cobalt Drift color palette (#D6EAE4, #2375B8, #41293B, #0B241F, #050F0F)
• Ancient Abyss Drift color palette (#D6E4DD, #B1A4B3, #8D7788, #003D54, #001910)
• Weathered Bronze Study color palette (#E2FAF0, #C5B1C2, #A37C8D, #8F5C28, #535704)
• Aged Petrol color palette (#FFF4E2, #5EA2BE, #4C66AB, #7D341F, #17473A)

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