Chalky Field color palette — #F7ECE7 · #9AE2E1 · #3CB5D1 · #00965F · #00324B

A conversation between Fern and Cyan, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7ECE7): bright and airy, almost weightless.
• Ice Blue (#9AE2E1): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#3CB5D1): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00965F): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Chalky Field 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

• Periwinkle Pier color palette (#FBEBE1, #A6DCF4, #6FAAE2, #00918C, #1F2A55)
• Hushed Villa color palette (#E4F2EF, #90D2D2, #0098A3, #006D61, #00343D)
• Muted Teal color palette (#FBF4EF, #C4E9E8, #9CC1E7, #5CA7A3, #5A3C54)
• Crimson Quarry color palette (#F7D5CC, #FF838F, #00B5C7, #DC405B, #002F35)
• Petrol Harbor color palette (#F2E5EE, #70C4C3, #00788E, #004E2F, #001827)
• Muted Cobalt Lagoon color palette (#EFE2D6, #77B8E3, #5082D3, #006C72, #120044)
• Powdered Coral color palette (#FCE2D9, #FE636A, #00ABAA, #4685C1, #3D090E)
• Hushed Amber Harbor color palette (#F4E6D0, #B7B579, #AA8942, #8E5F3A, #1A2A00)

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