Dusty Teal color palette — #F9F3F7 · #D4D5E8 · #AFC1E7 · #70B295 · #3C556D
Jade and Sky set the tone — five colors that lean into calm and sophistication.
The five colors
- Ivory (#F9F3F7): bright and airy, almost weightless.
- Silver (#D4D5E8): A whisper-light, dusty violet — the color of wild irises.
- Sky (#AFC1E7): A luminous, dusty violet — the color of wild irises.
- Jade (#70B295): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#3C556D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Dusty Teal 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
- Tempered Dune color palette (#EFF7F5, #D4DFEC, #81DCEB, #54A19A, #3B515C)
- Stone Archive color palette (#E8F9F7, #CEE0EE, #C0B6D0, #B9BD8E, #395657)
- Washed Clover Market color palette (#EBF8F6, #BDE0B8, #E6B4DE, #73BE6A, #514668)
- Quiet Sky color palette (#FDF1F8, #BFEDFF, #70BEFF, #00A69D, #283B75)
- Weathered Summit color palette (#EEF9ED, #C7E1D0, #A1C09F, #AC849B, #394D45)
- Feathered Coast color palette (#E9DDE5, #8AB7CF, #008BCF, #006E63, #000B41)
- Blush Chapel color palette (#E0FBFD, #99D6C0, #BDB5ED, #EA8EB0, #26494C)
- Muted Lagoon color palette (#DCFFEC, #D0DEAF, #9BC589, #469F70, #245559)
Browse the whole catalog at Explore, or see today's palette.