Teal Orchard color palette — #EEF7F6 · #D0DEF5 · #8FC7DD · #57A6AE · #304B5E

A conversation between Cyan and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Powder Blue (#D0DEF5): A whisper-light, dusty violet — the color of wild irises.
• Sky (#8FC7DD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cyan (#57A6AE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#304B5E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Teal Orchard 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

• Washed Stone color palette (#DFFBFF, #C2D9F3, #90C4A9, #A69DBB, #3D585D)
• Dusty Petrol Quarry color palette (#D7EBE7, #58B0B6, #008393, #005E58, #000B10)
• Misty Turquoise color palette (#E4F2F0, #A2DDF4, #3EB1E5, #008EA0, #00314C)
• Tempered Basin color palette (#DCFDFF, #76D3B5, #70BEED, #AEA862, #1A3E41)
• Aged Cerulean Corridor color palette (#F1F3EC, #C8E4D3, #4B98B7, #096B73, #0C3427)
• Worn Teal Corridor color palette (#DDFCFF, #93EBD5, #5FC3A8, #29917A, #00342A)
• Weathered Azure color palette (#D4E8E7, #9EC5E7, #4994EA, #0077A0, #051C48)
• Pale Basin color palette (#DEFCFB, #8EE1AF, #F3AC70, #4CB67D, #5B3A1C)

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