Tempered Petrol Balcony color palette — #E7F0F8 · #CBD8EE · #B1B5D1 · #3179A5 · #22303B

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

The five colors

• Frost (#E7F0F8): a clean, paper-quiet neutral.
• Powder Blue (#CBD8EE): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B1B5D1): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#3179A5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#22303B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Weathered Denim color palette (#E5EAF1, #BDC3DA, #A4A1B8, #426096, #15202E)
• Cobalt Bloom color palette (#EFF7F5, #E0D4D1, #D3B2A4, #007CC2, #07241D)
• Dusty Garden color palette (#F2F5FF, #DFD9FB, #C9B5D7, #7D64BF, #2D3148)
• Softworn Drift color palette (#F1F5FD, #DED8E2, #CCBCCA, #828DB7, #434852)
• Hushed Lilac Villa color palette (#DFF3FF, #A3A2E4, #A0759B, #366156, #053E33)
• Timeworn Station color palette (#F6DDE4, #BAA530, #637C29, #48537B, #103020)
• Cornflower Courtyard color palette (#D0E4F9, #1890F4, #A91E02, #504100, #002711)
• Aubergine Terrace color palette (#E0DEED, #AAA0B4, #967C97, #5F2972, #090714)

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