Tempered Sky Harbor color palette — #B1F6E3 · #74BBEB · #8878AA · #3C5C45 · #3C2C00

Sky and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Sea Foam (#B1F6E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#74BBEB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate Blue (#8878AA): A luminous, dusty violet — the color of wild irises.
• Pine (#3C5C45): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#3C2C00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Sky Harbor 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

• Hazy Powder Quarry color palette (#99FAFB, #91AFEC, #906F98, #5D541E, #133524)
• Ancient Delta color palette (#CDF1E2, #36B3DB, #7F719F, #67452B, #46270C)
• Muted Iris color palette (#AEFCF9, #8DC5EE, #958AC9, #77736C, #5A4800)
• Cerulean Pier color palette (#D8F8F1, #6B91B6, #6F597D, #403A0F, #002113)
• Hushed Station color palette (#CAE8FF, #97B1DB, #767AB6, #794B68, #603A4D)
• Dusty Courtyard color palette (#E8F3FF, #C8C3E5, #A98EA5, #526D6D, #2B4041)
• Quiet Lilac color palette (#CFE7FA, #A388FA, #A2465D, #005538, #002B1A)
• Dusty Hollow color palette (#FCECFA, #6AE5F2, #008EC2, #00663C, #102348)

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