Teal Canyon color palette — #FAF2F8 · #D2E1FA · #89C5F4 · #53AC8B · #3C485F
A conversation between Jade and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF2F8): bright and airy, almost weightless.
- Frost (#D2E1FA): A whisper-light, dusty violet — the color of twilight just after sunset.
- Sky (#89C5F4): A luminous, balanced blue — the color of deep harbor water.
- Jade (#53AC8B): A luminous, balanced teal — the color of sea glass.
- Charcoal (#3C485F): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Teal Canyon 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
- Quiet Mallow Hollow color palette (#E5FAFC, #79E2CB, #E09FFF, #1AB79D, #413E5D)
- Linen Periwinkle Villa color palette (#FFF1F7, #AEE2FF, #7BA9FF, #00998D, #342662)
- Washed Loft color palette (#F9F4EE, #BCEAE4, #4EB2DA, #368A83, #275145)
- Weathered Stone color palette (#DDFDF8, #BDE5F6, #CDC0C6, #B9B278, #325154)
- Cornflower Lantern color palette (#F2E5EC, #79BBD3, #0084EA, #006F5C, #100341)
- Muted Studio color palette (#E7DAE6, #63AFB0, #0080A3, #006227, #00091B)
- Washed Cypress Grove color palette (#FAEFEA, #C9E4D2, #6494B0, #1C6D5D, #3A223B)
- Weathered Mint color palette (#DFFCFF, #96EFD8, #1BCEA6, #2A9176, #003326)
Browse the whole catalog at Explore, or see today's palette.